<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    <input type="button" value="发送ajax请求，使用路径参数" onclick="sendAjax()">
    <input type="button" value="查询所有用户" onclick="sendAjax2()">
    <input type="button" value="路径参数，2个" onclick="sendAjax3()">
    <script>
        /* 
            请求路径参数：请求路径参数是在请求地址(协议://域名/路径/...)后以/进行分割描述，实际上就是请求地址的一部分
            路径参数是用 / 分隔的一系列字符串，其意义在于对服务器资源进行统一定位
            将请求必要参数定义在路径中，用于服务器限制对应地址的访问规则：/getUser/:参数名
        */
        function sendAjax(){
            let xhr=new XMLHttpRequest();
            xhr.open("get","/getUser/1");
            xhr.onload=function(){
                console.log(xhr.responseText);//string
            };
            xhr.send();
        }

        function sendAjax2(){
            let xhr=new XMLHttpRequest();
            xhr.open("get","/getUser");
            xhr.onload=function(){
                console.log(xhr.responseText);//string
            };
            xhr.send();
        }

        function sendAjax3(){
            let xhr=new XMLHttpRequest();
            xhr.open("get","/getUser/1/alice");
            xhr.onload=function(){
                console.log(xhr.responseText);//string
            };
            xhr.send();
        }
    </script>
</body>
</html>